/* your js go here */
$(function () {

    var contextPath = $("#contextPath").val();
    var userId = $("#userId").val();

    //    点击关注
    $(".table").find("input[type='checkbox']").on("click", function () {
//获得点击的用户id
        var uId = $(this).attr("data-id");
        if ($(this).prop("checked")) {
            console.log("拿到的uId：" + uId);
            if (userId === uId) {
                //用户自己点击自己，取消勾选
                $(this).click();
                layer.msg("自己不能关注自己，知道否")
            } else {
                //接下来用ajax发送请求，添加关注
                $.post(contextPath + "/user/follow?uId=" + uId, function (data) {
                    console.log("后台发来的数据；" + data)
                }, "text");
                layer.msg("关注成功")
            }
        } else {
            //发送ajax，取消关注
            $.post(contextPath + "/user/unFollow", {uId: uId}, function (data) {
                console.log("取消关注时后台发来的数据：" + data)

            }, "text");
            layer.msg("取关成功")
        }
    });


    //点击头像跳转页面
    $("#avatar").click(function () {
        console.log("你点击了头像");
        window.location.href = contextPath + '/view/userLook'
    });

    //更换头像
    $("#myFile").change(function () {

        // var filename = $(this).val();
        // console.log(filename);

        //console.log($("#myFile")[0].files[0]); //得到一个file对象：
        //File {name: "timg (2).jpg", lastModified: 1581769110048,
        // lastModifiedDate: Sat Feb 15 2020 20:18:30 GMT+0800 (中国标准时间),
        // webkitRelativePath: "", size: 44944, …}

        //    将这个file对象存进去
        var file = $("#myFile")[0].files[0];
        console.log(file);
        var formData = new FormData();
        formData.append("file", file);
        //console.log(formData.get("file"))

        //写ajax，返回的数据是虚拟目录和文件名字
        //$.post(contextPath+"/user/uploadFile",{file:formData})
        $.ajax({
            url: contextPath + "/user/uploadFile",
            type: "POST",
            data: formData,
            processData : false,//设置这个后可以发ajax了
            contentType : false,//设置这个后后端才不报错
            success: function (data) {
                console.log(data);
                if ("fail" !== data) {
                    //实时改变图片资源的路径(myPic:user_look中的头像；myHeadPic：sidebar中的头像)
                    $("#myPic").attr("src", data);
                    $("#myHeadPic").attr("src", data);
                }
            }
        });


    });

//
//     //file表单选中文件时,让file表单的val展示到showname这个展示框
//     $('#myFile').change(function () {
//         $('#showname').val($(this).val())
//     });
//
//
//
    //发布会议跳转链接
    $("#addMeet").click(function () {
        window.location.href = contextPath + '/view/meetingAdd'
    });


    //添加文章跳转链接
    $("#addArt").click(function () {
        window.location.href = contextPath + '/article/publishArticle'
    });




    /**
     * 隐藏部门列表的逻辑
     */
    $(".myDepList>ul>li").on("click", function () {
        if ($(this).find("div").attr('class').indexOf("isHidden") != -1) {
            $(this).find("div").removeClass("isHidden")
        } else {
            $(this).find("div").addClass("isHidden")
        }


    });


    /**
     * 隐藏用户列表的逻辑
     */
    $(".myList>ul>li>div").on("click", function () {
        if ($(this).attr('class').indexOf("isHidden") != -1) {
            $(this).parent().removeClass("isHidden")
        } else {
            $(this).parent().addClass("isHidden")
        }

    })
//
//     $(".table").find("input[type='checkbox']").on("click",function () {
//         if($(this).prop("checked")){
//             layer.msg("关注成功")
//         }else{
//             layer.msg("取关成功")
//
//         }
//     })
});

//触发隐藏的file表单
function makeThisfile() {
    $('#myFile').click();
}